import IconItemTitle from "./assets/IconItemTitle";

export default defineComponent({
	name: "Module",
	props: { title: String },
	setup(props: { title: string }, { slots }) {
		console.log(props.title);
		return () => (
			<div>
				<div className={"w-full h-full box-border bg-[#0000005c]  pl-1 pt-1 pr-0 pb-2 text-white flex flex-col"}>
					<div className={"w-fit h-7 relative flex items-center"}>
						<IconItemTitle class={" h-full "} />
						<p className={"absolute  left-6 text-white h-full m-0"}>{props.title}</p>
					</div>
					<div className={"w-full h-full box-border p-3 flex-1"}>{slots.default?.()}</div>
				</div>
			</div>
		);
	}
});
